<%@ include file="/common/taglibs.jsp"%>
<!--分页查询共用的页面-->
<%@ include file="/common/common.jsp"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<head>
<script type="text/javascript" src="<%=ApplicationPath%>/video/ckplayer/ckplayer/ckplayer.js"></script>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GT3YSZNuqHkwbGyAY4maPaVw"></script>

<style>
#mapDiv{
    height:400px;
    width: 500px;
    margin: 0px;
    padding: 0px; 
}
</style>

</head>
<body>
    <span>vehicleid : ${vehicleId}</span>
    <br/>
    <div id="mapDiv"></div>
<script>
var map = new BMap.Map("mapDiv");
var point =new BMap.Point(117.1821553003,34.2199847740);
map.centerAndZoom(point,15);
//鼠标滚轮缩放
map.enableScrollWheelZoom(true);
//添加缩放控件
map.addControl(new BMap.NavigationControl());
//添加左下角标尺控件
map.addControl(new BMap.ScaleControl());

map.addControl(new BMap.OverviewMapControl());


//信息窗口


var opts = {    
    width : 250,     // 信息窗口宽度    
    height: 100,     // 信息窗口高度    
    title : "Hello"  // 信息窗口标题   
}    
var str = '<a href="javascript:showMsg();">信息数据</a>';
var infoWindow = new BMap.InfoWindow(str, opts);  // 创建信息窗口对象    
map.openInfoWindow(infoWindow,point);      // 打开信息窗口
function showMsg(){
console.log("aaa");
}

</script>
</body>

